.youshi {
    background: url(bg-1.png) no-repeat center top;
    background-size: 100% 200px;
    padding-top: 45px;
}

.youshi .titles h2 {
    font-size: 42px;
    color: rgb(255, 255, 255);
    font-weight: normal;
}

.youshi .titles h3 {
    color: #fff;
    font-weight: normal;
    margin-top: 10px;
    font-size: 18px;
}

.youshi .titles h3 span {
    color: rgb(252, 192, 46);
    font-size: 30px;
}

.youshi-list {
    margin-top: 80px;
    width: 100%;
}

.youshi-list li {
    margin-bottom: 20px;
}

.youshi-list li:nth-child(even) {
    flex-direction: row-reverse;
}

.youshi-list .no {
    width: 60px;
    height: 120px;
}

.youshi-list .l {
    width: 790px;
    align-items: flex-start;
}

.youshi-list .content {
    width: 710px;
}

.youshi-list .content h3 {
    color: rgb(241, 80, 9);
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px;
}

.youshi-list .content p {
    color: rgb(51, 51, 51);
    font-size: 14px;
    margin-left: 20px;
}

.youshi-list .content .text {
    justify-content: flex-start;
    height: 35px;
    border-bottom: 1px dotted #ddd;
}

.youshi-list .r {
    width: 360px;
}

.youshi-list .r img {
    width: 100%;
}

.about {
    width: 100%;
    background: #f5f5f5;
    padding: 70px 0;
}

.about .wrap {
    background: url('bg2.webp') no-repeat top left;
    background-size: 120px 400px;
}

.about .l {
    height: 320px;
    width: 622px;
    padding: 40px 0;
    padding-left: 40px;
}

.about .l h1 {
    color: rgb(241, 80, 9);
    font-size: 48px;
    font-weight: normal;
}

.about .l h2 {
    color: rgb(53, 53, 53);
    font-size: 24px;
    padding-top:20px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 1px dotted #999;
}

.about .l p {
    color: rgb(53, 53, 53);
    font-size: 14px;
    margin-top: 20px;
    line-height: 2;
}

.about .l .buttons {
    margin-top: 45px;
    width: 580px;
}

.about .l .buttons a {
    display: block;
    width: 162px;
    height: 50px;
    line-height: 50px;
    background: rgb(169, 169, 169);
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
}

.about .l .buttons a.active {
    background: #ff6537;
}

.about .r {
    width: 465px;
    height: 355px;
}

.about .slide {
    width: 455px;
    height: 345px;
    display: block;
    padding: 5px;
    background: #fff;
    overflow: hidden;
}

.about .slide img {
    width: 100%;
}